<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<script src="http://code.jquery.com/jquery-2.2.4.min.js" integrity="sha256-BbhdlvQf/xTY9gja0Dq3HiwQF8LaCRTXxZKRutelT44=" crossorigin="anonymous"></script>
		<link href="https://cdn.bootcss.com/jquery-mobile/1.4.5/jquery.mobile.min.css" rel="stylesheet">
		<link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
		<link rel="stylesheet" type="text/css" href="css/index.css" />
		<script src="http://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
		<script src="https://cdn.bootcss.com/jquery-mobile/1.4.5/jquery.mobile.min.js"></script>

		<title></title>
		<script type="text/javascript">
			$(function() {
				$(".jqm-navmenu-link").on("click", function() {
					$(".jqm-navmenu-panel").panel("open");
				});
			})
		</script>
	</head>

	<body>
		
		<!--header-->
		<div class="lqbody">

			<div class="container lqheader">
				<img src="img/logo/logo.jpg" />
				<div class="jqm-navmenu-link toggle navbar-toggle"></div>
			</div>
			<div class="container lqbanner">
				<div id="myCarousel" class="container carousel slide" data-ride="carousel">
					<ol class="carousel-indicators">
						<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
						<li data-target="#myCarousel" data-slide-to="1"></li>
						<li data-target="#myCarousel" data-slide-to="2"></li>
					</ol>
					<!-- Carousel items -->
					<div id="bannerPics" class="carousel-inner">
						<div class="item active">
							<img src="img/banner/bannerpic1.jpg" />
						</div>
						<div class="item">
							<img src="img/banner/bannerpic2.jpg" />
						</div>
						<div class="item">
							<img src="img/banner/bannerpic3.jpg" />
						</div>
					</div>
					<!-- Carousel nav -->
					<a class="carousel-control left" href="#myCarousel" data-slide="prev">
						<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
					</a>
					<a class="carousel-control right" href="#myCarousel" data-slide="next">
						<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
					</a>
				</div>
			</div>
			<div class="container content">
				<div class="lqindexTitle">
					<img src="img/logo/logo2.png" />
					<div></div>
					<h5>用更贴心的科技，让健康触手可及</h5>
				</div>
				<div class="container row product ">
					<div class="col-xs-12 col-sm-12">
						<h5>破壁机</h5>
					</div>
					<div class="col-xs-6 col-sm-6">
						<a href="#">
							<div class="border">
								<img src="img/detailPic/pobi/P24.jpg" class="center-block" />
							</div>
						</a>
						<a href="#">
							<p>YB-P24破壁料理机</p>
						</a>
					</div>
					<div class="col-xs-6 col-sm-6">
						<a href="#">
							<div class="border">
								<img src="img/detailPic/pobi/P24.jpg" class="center-block" />
							</div>
						</a>
						<a href="#">
							<p>YB-P24破壁料理机</p>
						</a>
					</div>
					<div class="col-xs-6 col-sm-6">
						<a href="#">
							<div class="border">
								<img src="img/detailPic/pobi/P24.jpg" class="center-block" />
							</div>
						</a>
						<a href="#">
							<p>YB-P24破壁料理机</p>
						</a>
					</div>
				</div>
				<div class="container row product ">
					<div class="col-xs-12 col-sm-12">
						<h5>便携搅拌机</h5>
					</div>
					<div class="col-xs-6 col-sm-6">
						<a href="#">
							<div class="border">
								<img src="img/detailPic/pobi/P24.jpg" class="center-block" />
							</div>
						</a>
						<a href="#">
							<p>YB-P24破壁料理机</p>
						</a>
					</div>
					<div class="col-xs-6 col-sm-6">
						<a href="#">
							<div class="border">
								<img src="img/detailPic/pobi/P24.jpg" class="center-block" />
							</div>
						</a>
						<a href="#">
							<p>YB-P24破壁料理机</p>
						</a>
					</div>
					<div class="col-xs-6 col-sm-6">
						<a href="#">
							<div class="border">
								<img src="img/detailPic/pobi/P24.jpg" class="center-block" />
							</div>
						</a>
						<a href="#">
							<p>YB-P24破壁料理机</p>
						</a>
					</div>
				</div>
				<div class="container row product ">
					<div class="col-xs-12 col-sm-12">
						<h5>厨师机</h5>
					</div>
					<div class="col-xs-6 col-sm-6">
						<a href="#">
							<div class="border">
								<img src="img/detailPic/pobi/P24.jpg" class="center-block" />
							</div>
						</a>
						<a href="#">
							<p>YB-P24破壁料理机</p>
						</a>
					</div>
					<div class="col-xs-6 col-sm-6">
						<a href="#">
							<div class="border">
								<img src="img/detailPic/pobi/P24.jpg" class="center-block" />
							</div>
						</a>
						<a href="#">
							<p>YB-P24破壁料理机</p>
						</a>
					</div>
					<div class="col-xs-6 col-sm-6">
						<a href="#">
							<div class="border">
								<img src="img/detailPic/pobi/P24.jpg" class="center-block" />
							</div>
						</a>
						<a href="#">
							<p>YB-P24破壁料理机</p>
						</a>
					</div>
				</div>
				<div class="container row product ">
					<div class="col-xs-12 col-sm-12">
						<h5>其他</h5>
					</div>
					<div class="col-xs-6 col-sm-6">
						<a href="#">
							<div class="border">
								<img src="img/detailPic/pobi/P24.jpg" class="center-block" />
							</div>
						</a>
						<a href="#">
							<p>YB-P24破壁料理机</p>
						</a>
					</div>
					<div class="col-xs-6 col-sm-6">
						<a href="#">
							<div class="border">
								<img src="img/detailPic/pobi/P24.jpg" class="center-block" />
							</div>
						</a>
						<a href="#">
							<p>YB-P24破壁料理机</p>
						</a>
					</div>
					<div class="col-xs-6 col-sm-6">
						<a href="#">
							<div class="border">
								<img src="img/detailPic/pobi/P24.jpg" class="center-block" />
							</div>
						</a>
						<a href="#">
							<p>YB-P24破壁料理机</p>
						</a>
					</div>
				</div>
				<!--健康生活-->

				<div class=" menuintro ">
					<div>
						<h5>健康生活</h5>
					</div>
					<div>
						<ul data-role="listview" data-inset="true">
							<li>
								<a href="#">
									<img src="img/logo/logo2.png">
									<h2>菜谱1</h2>
									<p>菜谱1</p>
									<p class="ui-li-aside">iOS</p>
								</a>
							</li>
							<li>
								<a href="#">
									<img src="img/logo/logo2.png">
									<h2>菜谱2</h2>
									<p>BlackBerry launched the Z10 and Q10 with the new BB10 OS</p>
									<p class="ui-li-aside">BlackBerry</p>
								</a>
							</li>
							<li>
								<a href="#">
									<img src="img/logo/logo2.png">
									<h2>菜谱3</h2>
									<p>Nokia rolls out WP 7.8 to Lumia 800</p>
									<p class="ui-li-aside">Windows Phone</p>
								</a>
							</li>
							<li>
								<a href="#">
									<img src="img/logo/logo2.png">
									<h2>菜谱4</h2>
									<p>New Samsung Galaxy Express</p>
									<p class="ui-li-aside">Samsung</p>
								</a>
							</li>
						</ul>

					</div>
				</div>

				<div class=" companynews ">
					<div>
						<h5>公司新闻</h5>
					</div>
					<div>
						<ul data-role="listview" data-inset="true">
							<li>
								<a href="#">
									<img src="img/banner/bannerpic1.jpg" class="ui-li-thumb">
									<h2>新闻1</h2>
									<p>新闻1</p>
									<p class="ui-li-aside">2017-12-1</p>
								</a>
							</li>
							<li>
								<a href="#">
									<img src="img/banner/bannerpic2.jpg">
									<h2>新闻2</h2>
									<p>BlackBerry launched the Z10 and Q10 with the new BB10 OS</p>
									<p class="ui-li-aside">2017-12-1</p>
								</a>
							</li>
							<li>
								<a href="#">
									<img src="img/banner/bannerpic3.jpg" class="center-block">
									<h2>新闻3</h2>
									<p>Nokia rolls out WP 7.8 to Lumia 800</p>
									<p class="ui-li-aside">2017-12-1</p>
								</a>
							</li>
							<li>
								<a href="#">
									<img src="img/banner/bannerpic1.jpg" class="center-block">
									<h2>新闻4</h2>
									<p>New Samsung Galaxy Express</p>
									<p class="ui-li-aside">2017-12-1</p>
								</a>
							</li>
						</ul>
					</div>
				</div>

				<div class=" question ">
					<div>
						<h5>常见问题</h5>
					</div>
					<div>
						<ul data-role="listview" data-inset="true">
							<li data-role="list-divider">2017-8-15 </li>
							<li>
								<a href="index.html">
									<h2>问题1</h2>
									<p>Hey Stephen, if you're available at 10am tomorrow, we've got a meeting with the jQuery team.</p>
									<p class="ui-li-aside"><strong>6:24</strong>PM</p>
								</a>
							</li>
							<li>
								<a href="index.html">
									<h2>问题2</h2>
									<p>In preparation for the upcoming conference in Boston, we need to start gathering a list of sponsors and speakers.</p>
									<p class="ui-li-aside"><strong>9:18</strong>AM</p>
								</a>
							</li>
							<li data-role="list-divider">2017-6-21 </li>
							<li>
								<a href="index.html">
									<h2>问题3</h2>
									<p>Sure, let's plan on meeting at Highland Kitchen at 8:00 tonight. Can't wait!</p>
									<p class="ui-li-aside"><strong>4:48</strong>PM</p>
								</a>
							</li>
						</ul>
					</div>
				</div>
			
			</div>
		<div class="lqfooter"></div>
		</div>
		<div class="fixedbottom">
			<a href="#">
				<h5>电话: XXXXXXXXXXX</h5>
			</a>
		</div>
		
		<!--right nav-->
		<div data-role="panel" class="jqm-navmenu-panel ui-panel ui-panel-position-right ui-panel-display-overlay ui-body-a ui-panel-animate ui-panel-closed" data-position="right" data-display="overlay" 
			style="background-color: rgba(245,245,245,0.8);">
			<div class="ui-panel-inner">
				<ul class="jqm-list ui-alt-icon ui-nodisc-icon ui-listview">
					<li data-filtertext="demos homepage" data-icon="home" class="ui-first-child">
						<a href=".././index.html" class="ui-btn ui-btn-icon-right ui-icon-home">Home</a>
					</li>
					<li data-filtertext="introduction overview getting started">
						<a href="../intro/index.html" data-ajax="false" class="ui-btn ui-btn-icon-right ui-icon-carat-r">Introduction</a>
					</li>
					<li data-filtertext="buttons button markup buttonmarkup method anchor link button element">
						<a href="../button-markup/index.html" data-ajax="false" class="ui-btn ui-btn-icon-right ui-icon-carat-r">Buttons</a>
					</li>
					<li data-filtertext="form button widget input button submit reset">
						<a href="../button/index.html" data-ajax="false" class="ui-btn ui-btn-icon-right ui-icon-carat-r">Button widget</a>
					</li>
					<li data-role="collapsible" data-enhanced="true" data-collapsed-icon="carat-d" data-expanded-icon="carat-u" data-iconpos="right" data-inset="false" class="ui-collapsible ui-collapsible-themed-content ui-collapsible-collapsed ui-li-static ui-body-inherit">
						<h3 class="ui-collapsible-heading ui-collapsible-heading-collapsed">
		<a href="#" class="ui-collapsible-heading-toggle ui-btn ui-btn-icon-right ui-btn-inherit ui-icon-carat-d">
		    Checkboxradio widget<span class="ui-collapsible-heading-status"> click to expand contents</span>
		</a>
	</h3>
						<div class="ui-collapsible-content ui-body-inherit ui-collapsible-content-collapsed" aria-hidden="true">
							<ul class="ui-listview">
								<li data-filtertext="form checkboxradio widget checkbox input checkboxes controlgroups" class="ui-first-child">
									<a href="../checkboxradio-checkbox/index.html" data-ajax="false" class="ui-btn ui-btn-icon-right ui-icon-carat-r">Checkboxes</a>
								</li>
								<li data-filtertext="form checkboxradio widget radio input radio buttons controlgroups" class="ui-last-child">
									<a href="../checkboxradio-radio/index.html" data-ajax="false" class="ui-btn ui-btn-icon-right ui-icon-carat-r">Radio buttons</a>
								</li>
							</ul>
						</div>
					</li>
					<li data-role="collapsible" data-enhanced="true" data-collapsed-icon="carat-d" data-expanded-icon="carat-u" data-iconpos="right" data-inset="false" class="ui-collapsible ui-collapsible-themed-content ui-collapsible-collapsed ui-li-static ui-body-inherit">
						<h3 class="ui-collapsible-heading ui-collapsible-heading-collapsed">
		<a href="#" class="ui-collapsible-heading-toggle ui-btn ui-btn-icon-right ui-btn-inherit ui-icon-carat-d">
			Collapsible (set) widget<span class="ui-collapsible-heading-status"> click to expand contents</span>
		</a>
	</h3>
						<div class="ui-collapsible-content ui-body-inherit ui-collapsible-content-collapsed" aria-hidden="true">
							<ul class="ui-listview">
								<li data-filtertext="collapsibles content formatting" class="ui-first-child">
									<a href="../collapsible/index.html" data-ajax="false" class="ui-btn ui-btn-icon-right ui-icon-carat-r">Collapsible</a>
								</li>
								<li data-filtertext="dynamic collapsible set accordion append expand">
									<a href="../collapsible-dynamic/index.html" data-ajax="false" class="ui-btn ui-btn-icon-right ui-icon-carat-r">Dynamic collapsibles</a>
								</li>
								<li data-filtertext="accordions collapsible set widget content formatting grouped collapsibles" class="ui-last-child">
									<a href="../collapsibleset/index.html" data-ajax="false" class="ui-btn ui-btn-icon-right ui-icon-carat-r">Collapsible set</a>
								</li>
							</ul>
						</div>
					</li>

				</ul>
			</div>
		</div>

	</body>

</html>